<template>
	<div class="toplam-com">
		<navTitle title="توپلام" :customStyle="`background-image: url(${background}); filter: blur(10rpx);`"></navTitle>
		<scroll>
			<toplamList :list='toplamList'></toplamList>
		</scroll>
	</div>
</template>

<script>
	import {
		getToplamlar
	} from '@/api/toplam.js'
	import navTitle from '@/components/custom/navTitle.vue'
	import scroll from '@/components/custom/scroll.vue'
	import toplamList from '@/components/toplam/toplamList.vue'
	export default {
		components: {
			navTitle,
			scroll,
			toplamList,
		},
		data() {
			return {
				background: '/static/test/1.jpg',
				toplamList: [],
			}
		},
		async mounted() {
			this.$emit('setLoading', true)
			await this.getToplamlarData()
			this.$emit('setLoading', false)
		},
		methods: {
			async getToplamlarData() {
				const res = await getToplamlar()
				if (res) {
					// console.log(res);
					this.toplamList = res.data.data.toplam
					if (this.toplamList) {
						this.background = this.toplamList[0].image
					}
				} else {
					uni.showToast({
						title: '请求失败',
						icon: 'error'
					})
				}
			},
		},
	}
</script>

<style lang="scss" scoped>
	.toplam-com {}
</style>